Webfont Instructions
<head>
...
<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css">
...
</head>
3. Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>
Under CC: Gregor Cresnar, Freepik, Those Icons, th studio, Kiranshastry, Mayor Icons, Kharisma, Dave Gandy, kmg design, Arkinasi, Eucalyp, Smashicons, Debi Alpa Nugraha, bqlqn, Pixel perfect, Ilham Fitrotul Hayat, Bingge Liu, Yogi Aprelliyanto, reussy, HAJICON, bayu015, Dreamstale, srip, juicy_fish, Swifticons, Konkapp, netscript, Good Ware, BomSymbols, Icongeek26, phatplus, flatart_icons, iconixar, dreamicons, POD Gladiator, Stockio, inkubators, Vaadin, Deeksha Pahariya, Riskywas, Icon home, Smartline, pojok d, surang, noomtah, Sir.Vector, kerismaker, lapiyee, xnimrodx, Saideep Karipalli, kosonicon, Nadiinko, Atif Arshad, feen
<i class="flaticon-phone-call"></i>
<i class="flaticon-email"></i>
<i class="flaticon-arroba"></i>
<i class="flaticon-right"></i>
<i class="flaticon-next"></i>
<i class="flaticon-search"></i>
<i class="flaticon-search-1"></i>
<i class="flaticon-loupe"></i>
<i class="flaticon-menu"></i>
<i class="flaticon-left-arrow"></i>
<i class="flaticon-right-arrow"></i>
<i class="flaticon-right-arrow-1"></i>
<i class="flaticon-left-arrow-1"></i>
<i class="flaticon-quote"></i>
<i class="flaticon-quote-1"></i>
<i class="flaticon-left-quote"></i>
<i class="flaticon-left-quote-1"></i>
<i class="flaticon-quote-left"></i>
<i class="flaticon-right-quote-sign"></i>
<i class="flaticon-up"></i>
<i class="flaticon-up-2"></i>
<i class="flaticon-customer-service"></i>
<i class="flaticon-quotation"></i>
<i class="flaticon-link"></i>
<i class="flaticon-link-1"></i>
<i class="flaticon-link-2"></i>
<i class="flaticon-link-3"></i>
<i class="flaticon-shopping-cart"></i>
<i class="flaticon-shopping-cart-1"></i>
<i class="flaticon-comment"></i>
<i class="flaticon-checkmark"></i>
<i class="flaticon-cross"></i>
<i class="flaticon-close"></i>
<i class="flaticon-cross-1"></i>
<i class="flaticon-check"></i>
<i class="flaticon-check-1"></i>
<i class="flaticon-checkbox"></i>
<i class="flaticon-conversation"></i>
<i class="flaticon-plus"></i>
<i class="flaticon-plus-1"></i>
<i class="flaticon-plus-2"></i>
<i class="flaticon-add"></i>
<i class="flaticon-image"></i>
<i class="flaticon-image-gallery"></i>
<i class="flaticon-about"></i>
<i class="flaticon-action"></i>
<i class="flaticon-call-to-action"></i>
<i class="flaticon-flag"></i>
<i class="flaticon-flag-1"></i>
<i class="flaticon-slider"></i>
<i class="flaticon-image-1"></i>
<i class="flaticon-price-tag"></i>
<i class="flaticon-tag"></i>
<i class="flaticon-discount"></i>
<i class="flaticon-portfolio"></i>
<i class="flaticon-portfolio-1"></i>
<i class="flaticon-gallery"></i>
<i class="flaticon-image-gallery-1"></i>
<i class="flaticon-attach"></i>
<i class="flaticon-offer"></i>
<i class="flaticon-pricing"></i>
<i class="flaticon-megaphone"></i>
<i class="flaticon-promotion"></i>
<i class="flaticon-sections"></i>
<i class="flaticon-blog"></i>
<i class="flaticon-brifcase"></i>
<i class="flaticon-listing"></i>
<i class="flaticon-note"></i>